<script setup lang="ts">
import type { ConsultType } from '@/enums';
import ConsultItem from './ConsultItem.vue'
import {ref} from 'vue'
import type { ConsultOrderItem, ConsultOrderListParams } from '@/types/consult';
import { getConsultOrderList } from '@/services/consult';
const props=defineProps<{
    type:ConsultType
}>()

const params=ref<ConsultOrderListParams>({
    type:props.type,
    current:1,
    pageSize:5
})

const loading=ref(false)
const finished=ref(false)
const list=ref<ConsultOrderItem[]>([])
// 下拉加载更多
const onLoad=async ()=>{
    const res=await getConsultOrderList(params.value)
    list.value.push(...res.data.rows)
    if (params.value.current<res.data.pageTotal){
        params.value.current++
    }else{
        finished.value=true
    }
    loading.value=false
    
}
// 删除
const onDel=(id:string)=>{
    list.value=list.value.filter(item=>item.id!==id)
}
</script>

<template>
  <div class="consult-list">
    <van-list
        v-model:loading="loading"
        :finished="finished"
        finished-text="没有更多了"
        @load="onLoad"
    >
    <consult-item @on-del="onDel" v-for="item in list" :key="item.id" :item="item"/>
    </van-list>
  </div>
</template>

<style lang="scss" scoped>
.consult-list {
  padding: 10px 15px;
}
</style>
